<%@page import="com.fasterxml.jackson.annotation.JsonInclude.Include"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <script type="text/javascript" src="${ctx}/js/lib.js"></script>
    <script type="text/javascript" src="${ctx}/js/jquery.SuperSlide.js"></script>
    <script type="text/javascript" src="${ctx}/js/jquery.scrollLoading.js"></script>
    
    <script type="text/javascript" src="${ctx}/res/js/modules.js"></script>
    <link rel="stylesheet" href="${ctx }/res/hplus/js/plugins/layer/skin/layer.css">
	<script src="${ctx }/res/hplus/js/plugins/layer/layer.min.js"></script>
	<script type="text/javascript" charset="utf-8">
      $(function() {
          $("img.scrollLoading").lazyload({effect: "fadeIn",threshold :300});  
          $(".scrollLoading1 img").lazyload({effect: "fadeIn"});
		  $(".scrollLoading2 img").lazyload({effect: "fadeIn"});
      });
      $(document).ready(function () {
       //setNav(3);
    });
    </script>
    <title>软装到家</title>
    <style type="text/css">
    	.layui-layer-content{color:black}
    	select,input{font-family:Microsoft YaHei}
		.text{ width:100%; height:38px;border:#ccc solid 1px; padding:0 2%; margin:0 0 20px 0; color:#888; font-size:14px;}
		.button{ width:100%; background:#ed145b; border:none; overflow:hidden; cursor:pointer; font-size:18px; color:#fff; text-align:center; height:40px; line-height:40px; margin:20px 0 0px;}
		.select{ width:110px;border:#ccc solid 1px; height:40px; margin:0px 0; float:left; font-size:14px; margin-right:10px}
		.select1{ width:160px;border:#ccc solid 1px; height:40px; margin:0px 0; float:left; font-size:14px;}
    </style>
</head>
<body>
 <%@include file="../common_head.jsp" %>
 <%@include file="../common_nav.jsp" %>
<div class="w-1200 margin-0-auto">
	<div class="ogmall_programme_show">
    	<h1>${design.name }</h1>
        <div class="t1"><img src="${design.headImage }"></div>
        <div class="t2">户型图：</div>
        <div class="t3"><img src="${communityHouseTypeDTO.image }"></div>
        <div class="t4">
        	楼盘：${design.community.name }</br>面积：${design.area } ㎡<br>户型：${design.houseType.name }<br>风格：${design.houseStyle.name }<br>报价：<b>${design.totalPrice }</b>元
        </div>
        <div class="blank10"></div>
        <div class="title"><span>方案详情</span></div>
        <div class="blank10"></div>
        <div class="tab_show scrollLoading1">
            <!-- <div class="hd">
                <ul><li>默认</li><li>价格</li><li>热度</li></ul>                        
            </div>  -->
            <div class="bd">
                <div>
                	<div class="pic">
                		<img src="${design.headImage }">
                	<!-- <img data-original="img/14.jpg"> --></div>
                    <div class="blank10"></div>
                	<div class="tit">商品清单：</div>
                    <ul class="goods">
                    	<c:forEach items="${designProducts }" var="designProduct">
                    		<li>
	                        	<div class="img"><img src="${designProduct.product.headImage }"></div>
	                            <div class="tl"><h3>${designProduct.product.name }</h3><p>数量：${designProduct.count }<br>型号：${designProduct.specification.spec1 }</p></div>
	                            <div class="tr"><h3>￥${designProduct.specification.realPrice}</h3><a href="${ctx }/product/detail?id=${designProduct.product.id}" target="_blank">查看</a></div>
                       	    </li>
                    	</c:forEach>
                    </ul>
                </div>
                <!-- <div>价格</div>
                <div>热度</div> -->
            </div>
        </div>
    </div>
    <div class="blank10"></div>
   
</div>

<div class="blank10"></div><div class="blank10"></div><div class="blank10"></div><div class="blank10"></div>

<%@include file="../foot.jsp" %>
<script type="text/javascript" src="${ctx}/js/plugins.js"></script>
<script type="text/javascript" src="${ctx}/js/modules.js"></script>
<script type="text/javascript" src="${ctx}/js/common.js"></script>
<script type="text/javascript">
	jQuery(".tab_show").slide({triggerEvent:true,trigger:"click"});
	jQuery(".picLoop").slide({ mainCell:".bd ul",effect:"leftLoop",vis:3,autoPlay:"true",prevCell:".sPrev",nextCell:".sNext",triggerEvent:true});
	
	
</script>
</body>
</html>